import { defineStore } from "pinia";
//选项式
// export const useTalkStore = defineStore("talk", {
//   //真正存储数据的地方
//   actions: {
//     getATalk() {
//       this.number = (this.number + 1) % 8;
//     },
//   },
//   state() {
//     return {
//       talkList: [
//         {
//           id: "01",
//           title: "为什么不回消息!?",
//         },
//         {
//           id: "02",
//           title: "手机呢?",
//         },
//         {
//           id: "03",
//           title: "手机给我!",
//         },
//         {
//           id: "04",
//           title: "这不是有电",
//         },
//         {
//           id: "05",
//           title: "有电这不是？",
//         },
//         {
//           id: "06",
//           title: "为什么不回消息",
//         },
//         {
//           id: "07",
//           title: "是不喜欢我了吗",
//         },
//         {
//           id: "08",
//           title: "是不喜欢我了吗！！",
//         },
//       ],
//       number: 0,
//     };
//   },
// });

//组合式
import { reactive, ref } from "vue";
export const useTalkStore = defineStore("talk", () => {
  let number = ref(0);
  const talkList = reactive([
    {
      id: "01",
      title: "为什么不回消息!?",
    },
    {
      id: "02",
      title: "手机呢?",
    },
    {
      id: "03",
      title: "手机给我!",
    },
    {
      id: "04",
      title: "这不是有电",
    },
    {
      id: "05",
      title: "有电这不是？",
    },
    {
      id: "06",
      title: "为什么不回消息",
    },
    {
      id: "07",
      title: "是不喜欢我了吗",
    },
    {
      id: "08",
      title: "是不喜欢我了吗！！",
    },
  ]);
  function getATalk() {
    number.value = (number.value + 1) % 8;
  }

  return { talkList, getATalk, number };
});
